//-/////////////////////////////////////
//-  网站通用头部(logo在上侧)
//-/////////////////////////////////////
mixin siteHeader()
  .logo-head.z-depth-1
    img.logo(src='#{images}Group 18.png')
  #my-nav.my-nav
    .my-nav-inner
      .search-box
        img.icon(src='#{images}iconfont-sousuo.png')
        #followUsTarget.button Follow US
      .menu-box
        .item
          | 频道
          i.mdi.mdi-chevron-down
          .triangle.triangle-up
          .menus-box.z-depth-1
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 40.png')")
                .vertical-middle 科技
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 41.png')")
                .vertical-middle 摄影
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 42.png')")
                .vertical-middle 健康
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}foto2.png')")
                .vertical-middle 居家
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}channel_kj_1.png')")
                .vertical-middle 手机
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}foto1.png')")
                .vertical-middle 电脑
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 47.png')")
                .vertical-middle 影音
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 46.png')")
                .vertical-middle 汽车
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 49.png')")
                .vertical-middle 娱乐
        .item
          | 专栏
          i.mdi.mdi-chevron-down
          .triangle.triangle-up
          .menus-box.z-depth-1.col-25
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 40.png')")
                .vertical-middle 我跟你说
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 41.png')")
                .vertical-middle 爱活历史课
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 42.png')")
                .vertical-middle 爱活电刑室
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}foto2.png')")
                .vertical-middle 爱活角斗场
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}foto1.png')")
                .vertical-middle 短路三分钟
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 47.png')")
                .vertical-middle 去他的摄影
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}Group 46.png')")
                .vertical-middle 新技术研学设
        .item.no-icon
          | 测评
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 现场
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 视频
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 专题
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 众测
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 投稿
          i.mdi.mdi-chevron-down
        .item.no-icon
          | APP
          i.mdi.mdi-chevron-down
      .option-box
        img.icon(src='#{images}iconfont-denglu.png')
        span 登陆
        span 注册
      div(style='clear:both')
    #followUsContent.follow-us
      .title Follow us on
      .item-list
        #wechatqrcode.item.z-depth-1
          img(src='#{images}wxicon.png')
          .item-title @EVOLIFE 公众账号
          .item-sub-title On Wechat
        .item
          a(href='http://weibo.com')
            img(src='#{images}weiboicon.png')
          .item-title @爱活新鲜播
          .item-sub-title On Weibo
        .item
          a(href='http://www.baidu.com')
            img(src='#{images}imageicon.png')
          .item-title @EVOLIFE.CN
          .item-sub-title On Instagram
        .item
          a(href='')
            img(src='#{images}mailicon.png')
          .item-title @Nina@evolife.cn
          .item-sub-title Mail us
        .item
          a(href='')
            img(src='#{images}rrsicon.png')
          .item-title @RSS
          .item-sub-title Follow our feed
  // pc menu-over
  .hfeed.site
    .site-followus
      .site-followus-title Follow us on:
      .btn-close
      .site-sns-icons.span1
        .btn-wechat
          .icon
          .title @EVOLIFE 公众账号
          .sub-title On Wechat
          .qrcode
            img(src='#{images}qrcode_ipad@2x.png')
        a.btn-facebook(target='blank', href='http://www.facebook.com/evolife/')
          .icon
          .title @爱活新鲜播
          .sub-title On Weibo
          .icon_arrow
        a.btn-weibo(target='blank', href='http://weibo.com/evolife/')
          .icon
          .title @EVOLIFE.CN
          .sub-title On Instagram
          .icon_arrow
        a.btn-instagram(target='blank', href='http://instagram.com/evolife/')
          .icon
          .title @Nina@evolife.cn
          .sub-title Mail us
          .icon_arrow
        a.btn-email(target='blank', href='mailto:evolife@qq.com')
          .icon
          .title @RSS
          .sub-title Follow our feed
    // .site-followus
    header#masthead.site-header(role='banner')
      .site-menu-mobile
        .btn-menu
          span
          span
          span
          span
        .site-logo
          a(href='#', title='', rel='home')
            img(src='#{images}toplogo.png', alt='Logo', width='100')
        // .site-logo
        .btn-followus Follow us
      .site-navigation-mobile
        nav.navigation-bar
          .btn-close
          .site-logo
            a(href='#', title='', rel='home')
              img(src='#{images}toplogo.png', alt='Logo', width='100')
          // .site-logo
          .icon-search
        .menu-main-menu-container
          ul#menu-main-menu-1.menu
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-has-children.menu-item-29498
              a(href='#') 频道
              ul.sub-menu
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30881
                  a(href='#') 科技
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30884
                  a(href='#') 摄影
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30883
                  a(href='#') 健康
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30882
                  a(href='#') 居家
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 手机
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 电脑
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 影音
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 汽车
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 娱乐
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-29499
              a(href='#') 专栏
              ul.sub-menu
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30881
                  a(href='#') 我跟你说
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30884
                  a(href='#') 爱活历史课
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30883
                  a(href='#') 爱活电刑室
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30882
                  a(href='#') 爱活角斗场
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 短路三分钟
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 去他的摄影
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 新技术研学设
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-29500
              a(href='#') 测评
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30886
              a(href='#') 现场
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') 视频
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') 专题
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') 众测
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') 投稿
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') APP
        .popup-search
          nav.navigation-bar
            .btn-close
          .bg-search
          form#searchform-mobile.searchform(role='search', method='get', action='http://www.voicer.me/')
            // <label class="screen-reader-text" for="s"></label>
            input#s(type='text', placeholder='Type here…', onfocus="this.placeholder = ''", onblur="this.placeholder = 'Type here…'", value='', name='s')
            .icon-search
//-/////////////////////////////////////
//-  网站通用头部(logo在左侧)
//-/////////////////////////////////////
mixin siteSubHeader()
  #my-nav.my-nav.common
    .my-nav-inner
      .search-box
        img.logo(src='#{images}/logo_2.png')
      .menu-box
        .item
          | 频道
          i.mdi.mdi-chevron-down
          .triangle.triangle-up
          .menus-box.z-depth-1
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 40.png')")
                .vertical-middle 科 技
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 41.png')")
                .vertical-middle 摄 影
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 42.png')")
                .vertical-middle 健 康
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/foto2.png')")
                .vertical-middle 居 家
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/channel_kj_1.png')")
                .vertical-middle 手 机
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/foto1.png')")
                .vertical-middle 电脑
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 47.png')")
                .vertical-middle 影 音
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 46.png')")
                .vertical-middle 汽 车
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 49.png')")
                .vertical-middle 娱 乐
        .item
          | 专栏
          i.mdi.mdi-chevron-down
          .triangle.triangle-up
          .menus-box.z-depth-1.col-25
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 40.png')")
                .vertical-middle 我跟你说
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 41.png')")
                .vertical-middle 爱活历史课
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 42.png')")
                .vertical-middle 爱活电刑室
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/foto2.png')")
                .vertical-middle 爱活角斗场
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/foto1.png')")
                .vertical-middle 短路三分钟
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 47.png')")
                .vertical-middle 去他的摄影
            .menus-inner
              .menu-item.vertical-outer(style="background-image:url('#{images}/Group 46.png')")
                .vertical-middle 新技术研学设
        .item.no-icon
          | 测评
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 现场
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 视频
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 专题
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 众测
          i.mdi.mdi-chevron-down
        .item.no-icon
          | 投稿
          i.mdi.mdi-chevron-down
        .item.no-icon
          | APP
          i.mdi.mdi-chevron-down
      .option-box
        img.icon(src='#{images}/iconfont-denglu.png')
        span 登陆
        | |
        span 注册
        #followUsTarget.button Follow US
        img.icon(src='#{images}/iconfont-sousuo.png')
      div(style='clear:both')
    #followUsContent.follow-us
      .title Follow us on
      .item-list
        #wechatqrcode.item
          img(src='#{images}/wxicon.png')
          .item-title @EVOLIFE 公众账号
          .item-sub-title On Wechat
        .item
          a(href='http://weibo.com')
            img(src='#{images}/weiboicon.png')
          .item-title @爱活新鲜播
          .item-sub-title On Weibo
        .item
          a(href='http://www.baidu.com')
            img(src='#{images}/imageicon.png')
          .item-title @EVOLIFE.CN
          .item-sub-title On Instagram
        .item
          a(href='')
            img(src='#{images}/mailicon.png')
          .item-title @Nina@evolife.cn
          .item-sub-title Mail us
        .item
          a(href='')
            img(src='#{images}/rrsicon.png')
          .item-title @RSS
          .item-sub-title Follow our feed
  // pc menu-over
  .hfeed.site
    .site-followus
      .site-followus-title Follow us on:
      .btn-close
      .site-sns-icons.span1
        .btn-wechat
          .icon
          .title @EVOLIFE 公众账号
          .sub-title On Wechat
          .qrcode
            img(src='#{images}/qrcode_ipad@2x.png')
        a.btn-facebook(target='blank', href='http://www.facebook.com/evolife/')
          .icon
          .title @爱活新鲜播
          .sub-title On Weibo
          .icon_arrow
        a.btn-weibo(target='blank', href='http://weibo.com/evolife/')
          .icon
          .title @EVOLIFE.CN
          .sub-title On Instagram
          .icon_arrow
        a.btn-instagram(target='blank', href='http://instagram.com/evolife/')
          .icon
          .title @Nina@evolife.cn
          .sub-title Mail us
          .icon_arrow
        a.btn-email(target='blank', href='mailto:evolife@qq.com')
          .icon
          .title @RSS
          .sub-title Follow our feed
    // .site-followus
    header#masthead.site-header(role='banner')
      .site-menu-mobile
        .btn-menu
          span
          span
          span
          span
        .site-logo
          a(href='#', title='', rel='home')
            img(src='#{images}/toplogo.png', alt='Logo', width='100')
        // .site-logo
        .btn-followus Follow us
      .site-navigation-mobile
        nav.navigation-bar
          .btn-close
          .site-logo
            a(href='#', title='', rel='home')
              img(src='#{images}/toplogo.png', alt='Logo', width='100')
          // .site-logo
          .icon-search
        .menu-main-menu-container
          ul#menu-main-menu-1.menu
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-has-children.menu-item-29498
              a(href='#') 频道
              ul.sub-menu
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30881
                  a(href='#') 科技
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30884
                  a(href='#') 摄影
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30883
                  a(href='#') 健康
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30882
                  a(href='#') 居家
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 手机
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 电脑
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 影音
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 汽车
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 娱乐
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-29499
              a(href='#') 专栏
              ul.sub-menu
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30881
                  a(href='#') 我跟你说
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30884
                  a(href='#') 爱活历史课
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30883
                  a(href='#') 爱活电刑室
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30882
                  a(href='#') 爱活角斗场
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 短路三分钟
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 去他的摄影
                li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30885
                  a(href='#') 新技术研学设
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-29500
              a(href='#') 测评
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-30886
              a(href='#') 现场
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') 视频
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') 专题
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') 众测
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') 投稿
            li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-31385
              a(href='#') APP
        .popup-search
          nav.navigation-bar
            .btn-close
          .bg-search
          form#searchform-mobile.searchform(role='search', method='get', action='http://www.voicer.me/')
            // <label class="screen-reader-text" for="s"></label>
            input#s(type='text', placeholder='Type here…', onfocus="this.placeholder = ''", onblur="this.placeholder = 'Type here…'", value='', name='s')
            .icon-search
    // #masthead
//-/////////////////////////////////////
//-  网站通用尾部
//-/////////////////////////////////////
mixin siteFooter()
  .foot-bar
    .inner-box
      .footbox
        .footlogo
          img(src='#{images}logo1.png')
        .foot_rightcon
          .text.vertical-outer
            .vertical-middle
              .title 合作媒体:
              .text-list
                .text-item ZEALER中国
                .text-item 买个便宜货
                .text-item 100纷TV网
                .text-item 上海家电网
                .text-item 努比亚社区
                .text-item 努比亚官网
                .text-item ZEALER中国
                .text-item 买个便宜货
                .text-item 100纷TV网
                .text-item 上海家电网
                .text-item 淘当网华强北电脑网
                .text-item 努比亚官网
                .text-item ZEALER中国
                .text-item 买个便宜货
                .text-item 100纷TV网
                .text-item 腾讯手机频道
                .text-item 努比亚社区
                .text-item 努比亚官网
        .clear_both
      .copybox.border-top.padding-top
        .fotnav
          .link-list
            .link-item 关于我们
            .link-item 商务合作
            .link-item 版权声明
            .link-item 招贤纳士
            .link-item 合作媒体
          .icp 版权 © 2016 爱活网 Evolife.cn 科技进化生活 [沪ICP备12022400号]
        .fotlinks
          .image-link-list
            img.image-link-item(src='#{images}email.png')
            img.image-link-item(src='#{images}sine.png')
            img.image-link-item(src='#{images}wx.png')
            img.image-link-item(src='#{images}db.png')
            img.image-link-item(src='#{images}rss.png')
      .clear_both
